import React from 'react';
import { Select } from 'antd';
const SchoolSelector = props => {
    const onChange = (value) => {
        console.log(`selected ${value}`);
        props.setSchool(value);
        props.setCount(props.Count+1);
        // console.log(props.Count);
    };
    const onSearch = (value) => {
        console.log('search:', value);
    };
    return <Select
		style={{ width: "15vw" }}
		showSearch
		placeholder={props.DefaultText}
		// optionFilterProp="children"
		onChange={onChange}
		onSearch={onSearch}
		filterOption={(input, option) =>
			(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
		}
		options={[
			{ label: '浙江大学', value: '浙江大学' },
			{ label: '清华大学', value: '清华大学' },
			{ label: '北京大学', value: '北京大学' },
			{ label: '复旦大学', value: '复旦大学' },
			{ label: '上海交通大学', value: '上海交通大学' },
			{ label: '南京大学', value: '南京大学' },
			{ label: '中国科学技术大学', value: '中国科学技术大学' },
			{ label: '哈尔滨工业大学', value: '哈尔滨工业大学' },
			{ label: '西安交通大学', value: '西安交通大学' }
		]}
	/>
    };
export default SchoolSelector;